<template>
  <div class="home">
    <!-- 状态栏 -->
    <top />
    <!-- 轮播图 -->
    <swiper :pbanners="banners" />
    <!-- 产品中心 -->
    <cpzx />
    <!-- 方案中心 -->
    <fazx />
    <!-- 资讯中心 -->
    <information />
    <!-- 一诺万金 -->
    <ynwj />
    <!-- 政府典型客户 -->
    <zfdx />
    <!-- 企业典型案例 -->
    <qydx />
    <!-- 合作伙伴 -->
    <hzhb />
    <!-- 底部 -->
    <ynwj-bottom />
    <!-- 固定 -->
    <fixed />
  </div>
</template>

<script>
import Top from "components/common/Top.vue";
import Swiper from "components/common/Swiper.vue";
import YnwjBottom from "components/common/YnwjBottom.vue";
import Fixed from "components/common/Fixed.vue";

import Cpzx from "components/content/Cpzx.vue";
import Fazx from "components/content/Fazx.vue";

import Information from "./homecpns/Information.vue";
import Ynwj from "components/content/Ynwj.vue";
import Zfdx from "./homecpns/Zfdx.vue";
import Qydx from "./homecpns/Qydx.vue";
import Hzhb from "./homecpns/Hzhb.vue";

export default {
  name: "Home",
  data() {
    return {
      banners: [
        {
          name: "政府主导",
          img: require("assets/img/home/banner-01.png"),
          text: {
            mainTit: "政府主导型数字化应用中心",
            subhead: "新基建背景下智慧城市项目优秀应用",
            btnCon: "申请体验",
          },
          type: true,
        },
        {
          name: "企业主导",
          img: require("assets/img/home/banner-02.png"),
          text: {
            mainTit: "企业主导型数字化应用中心",
            subhead: "十年磨一剑，助力企业数字化转型升级",
            btnCon: "申请体验",
          },
          type: true,
        },
      ],
    };
  },
  components: {
    Top,
    Swiper,
    YnwjBottom,
    Fixed,
    Cpzx,
    Fazx,
    Information,
    Ynwj,
    Zfdx,
    Qydx,
    Hzhb,
  },
};
</script>

<style scoped>

</style>
